.banner{
      width: 100%;
      min-width: 1000px;
      /*height: 560px;*/
      /*background: black;*/
      /*子绝父相*/
      position: relative;
      /*超出部分全部隐藏，解决横向滚动条*/
      overflow: hidden;
      top:17px;
  }
  .banner ul{
      position: absolute;
      margin: 0;
      padding:0;
  }
  .banner ul li{
      /*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
      width: 100%;
      height: 600px;
      float: left;
      background:  no-repeat center center;
  }
  /*.banner ul li:nth-child(1){*/
      /*background: url('./1.jpg') no-repeat center center;*/
  /*}*/
  /*.banner ul li:nth-child(2){*/
      /*background: url('./2.jpg') no-repeat center center;*/
  /*}*/
  /*.banner ul li:nth-child(3){*/
      /*background: url('./3.jpg') no-repeat center center;*/
  /*}*/
  .banner ol{
      /*width: 60px;*/
      height: 20px;
      background: rgba(0,0,0,0.5);
      position: absolute;
      left:50%;
      /*margin-left: -40px;*/
      bottom: 5px;
      padding: 0 10px;
      border-radius: 10px;
  }
  .banner ol li{
      width: 10px;
      height: 10px;
      float: left;
      margin: 5px 5px;
      background: rgba(255,255,255,0.5);
      border-radius: 50%;
      cursor: pointer;
  }
  .banner ol .current{
      background: rgba(255,255,255,1);
  }
  .banner i{
      width: 58px;
      height: 120px;
      position: absolute;
      top: 50%;
      margin-top: -60px;
      cursor: pointer;
      border-radius: 5px;
      display: none;
  }
  .banner .left{
      left: 60px;
      background: url('../images/index/left_right.png') no-repeat 0 0px;
  }
  .banner .right{
      right: 60px;
      background: url('../images/index/left_right.png') no-repeat 0px -120px;
  }
  .banner .left:hover , .banner .right:hover{
      background-color: rgba(0, 0, 0, 0.31);
  }